<template>
  <!-- <demo-computed /> -->
  <!-- <demo-watch /> -->
  <!-- <demo-to-ref /> -->
  <!-- <demo-custom-ref /> -->
  <!-- <grand-father /> -->
  <demo-teleport />
</template>

<script>
import Test from "./components/stu/Test.vue";
import DemoComputed from "./components/stu/DemoComputed.vue";
import DemoWatch from "./components/stu/DemoWatch.vue";
import DemoToRef from "./components/stu/DemoToRef.vue";
import DemoCustomRef from "./components/stu/DemoCustomRef.vue";
import GrandFather from "./components/stu/Provide&&Inject/GrandFather.vue";
import DemoTeleport from "./components/stu/DemoTeleport.vue";

export default {
  name: "App",
  components: {
    Test,
    DemoComputed,
    DemoWatch,
    DemoToRef,
    DemoCustomRef,
    GrandFather,
    DemoTeleport,
  },
  setup() {},
};
</script>